﻿.form-container 
{
    position: relative;
    width: 450px;
}

.form-container.detached 
{
    margin: 15px 0;
}

.input-area {
    margin-bottom: 10px;
}

.input-area-label {
    margin-bottom: 3px;
}

.input-area-buttons {
    margin: 10px 0;
    text-align: right;
}

.input-area-buttons input[type="button"] {
    border: 1px solid #ffffff;
    padding: 7px 20px;
    font-weight: normal;
    font-size: 17px;
    background-color: rgba(182, 182, 182, 0.7);
}

.input-area-buttons input[type="button"]:hover {
    background-color: rgba(182, 182, 182, 0.6);
    cursor: pointer;
}

.input-area-buttons input[type="button"]:active {
    background-color: rgba(182, 182, 182, 1);
    color: #ffffff;
}

.input-area-buttons input[type="button"]:focus {
    border: 1px dotted #000000;
}

input[type="button"].input-area-button-submit {
    background-color: rgba(0, 130, 135, 1);
    color: #ffffff;
}

input[type="button"].input-area-button-submit:hover {
    background-color: rgba(0, 130, 135, 0.7);
    cursor: pointer;
}

input[type="button"][disabled] {
    background-color: rgba(202, 202, 202, 0.4) !important;
    cursor: default !important; 
    color: rgba(33, 33, 33, 0.49) !important;
}

.input-area-label label {
    color: rgba(0, 0, 0, 0.6);
}

.input-area.error .input-area-label label {
    color: rgba(255, 0, 0, 0.6);
}

.input-area-field input 
{
    width: 434px;
    border: 2px solid rgba(0, 0, 0, 0.27);
    padding: 4px 6px; 
    color: rgba(0, 0, 0, 0.7);
    background-color: #fff;
}

.input-area-field input:hover {
    border: 2px solid rgba(0, 0, 0, 0.44);
}

.input-area-field input:focus {
    border: 2px solid rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
} 

.input-area.error .input-area-field input {
    border-color: rgba(255, 0, 0, 0.44);
    background-color: rgba(255, 0, 0, 0.1);
}

.input-area.error .input-area-field input:hover {
    border-color: rgba(255, 0, 0, 0.7);
    background-color: rgba(255, 0, 0, 0.1);
}

.input-area.error .input-area-field input:focus {
    border-color: rgba(255, 0, 0, 1);
    background-color: rgba(255, 0, 0, 0.1);
}